.p-medal {
  .content {
    display: flex;
    min-height: calc(100vh - 168px);
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 2rem;

    .gold {
      width: 94%;
      display: flex;
      align-items: center;
      background-image: url('@/assets/img/scb/gold-bg.png');
      background-repeat: no-repeat;
      background-size: 100% 100%;
      height: 12.5rem;
      padding-left: 0.5rem;
      gap: 2rem;

      span {
        display: flex;
        align-items: center;
      }
    }

    .silver {
      width: 94%;
      display: flex;
      align-items: center;
      background-image: url('@/assets/img/scb/silver-bg.png');
      background-repeat: no-repeat;
      background-size: 100% 100%;
      height: 12.5rem;
      padding-left: 0.5rem;
      gap: 2rem;

      span {
        display: flex;
        align-items: center;
      }
    }

    .copper {
      width: 94%;
      display: flex;
      align-items: center;
      background-image: url('@/assets/img/scb/copper-bg.png');
      background-repeat: no-repeat;
      background-size: 100% 100%;
      height: 12.5rem;
      padding-left: 0.5rem;
      gap: 2rem;

      span {
        display: flex;
        align-items: center;
      }
    }

    .info {
      height: 100%;
      flex: 1;
      display: flex;
      align-items: center;
      // justify-content: space-between;
      gap: 3rem;
      color: #fff;
      // font-size: 5rem;
      font-family: 'msyhbd';
      padding-right: 1.25rem;

      .delegation {
        width: 15%;
      }

      .name {
        width: 45%;
      }

      .horseName {
        width: 40%;
        height: 100%;
        color: #FFFF00;
        font-size: 3.5rem;
        display: flex;
        align-items: center;
        // justify-content: center;
        // margin-top: 5rem;
        // white-space: nowrap; 
      }

      .horseNameAdapt {
        font-size: 2.8rem;
        word-break: break-all;
      }
    }
  }
}